<HTML>
<HEAD>
<TITLE>JavaScript Source Code 3000:  Scrolls:  Animated Message</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 3000" CONTENT = "no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="Sean McCarthy">
<META NAME="section" CONTENT="Scrolls">
<META NAME="description" CONTENT="Draw attention to the status bar message at the bottom of the screen by adding some animation to it!  Arrows will focus on the message by continually pointing at the text.  Clever!">

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Sean McCarthy -->




<!-- Begin
var hellotext = "Definitely a great attention-getter!"
var thetext = "";
var started = false;
var step = 0;
var times = 1;

function welcometext() {
times--;
if (!times) {
if (!started) {
started = true;
window.status = hellotext;
setTimeout("anim()", 1);
}
thetext = hellotext;
   }
}

function anim() {
step++;
if (step==7) step = 1;
if (step==1) window.status = '>===' + thetext + '===<';
if (step==2) window.status = '=>==' + thetext + '==<=';
if (step==3) window.status = '>=>=' + thetext + '=<=<';
if (step==4) window.status = '=>=>' + thetext + '<=<=';
if (step==5) window.status = '==>=' + thetext + '=<==';
if (step==6) window.status = '===>' + thetext + '<==='
setTimeout("anim()", 200);
}
//  End -->
</script>
</HEAD>

<BODY BGCOLOR=#ffffff vlink=#0000ff OnLoad="welcometext()">

<BR>
<center>
<table width=600 cellpadding=0 cellspacing=10>
<tr>
<td width=468 align=center>

    
    
</td>
<td width=120 align=center>
    
</td>
</tr>
</table>
<BR>
<BR>
<basefont size=3>
<FONT SIZE="+2" FACE="Helvetica,Arial">
<A HREF="../index.htm" /" TARGET="_top"><FONT COLOR="#0000FF"><b>Home</b></font></A>
<img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}">
<A HREF="index.htm" /scrolls/"><font color="#FF0000"><b>Scrolls</b></font></A>
<img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}">
<FONT COLOR="#006666"><b>Animated Message</b></font></font>
<BR>
<BR>
<table BORDER=0 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
<tr><td><font FACE="helvetica,arial,geneva">
<br>
<br>
<!-- Description --><!--content_start-->
Draw attention to the status bar message at the bottom of the screen by adding some animation to it!  Arrows will focus on the message by continually pointing at the text.  Clever!
<hr>
</td></tr>
</table>
<!-- Demonstration -->

<P>
<P>
<a name="source">
<table BORDER=0 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
<tr><td BGCOLOR=yellow><font FACE="helvetica,arial,geneva"><b>JavaScript Source Code 3000:  Scrolls:  Animated Message</b>
<p>Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s).  The script is yours!!!
<br><br></font></td></tr>
<tr><td BGCOLOR=yellow ALIGN=CENTER>
<form NAME="copy">

<DIV align="center">
<input type=button value="Highlight All" onClick="javascript:this.form.txt.focus();this.form.txt.select();">&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE="text" NAME="total" VALUE="Script Size:  1.42 KB" size=24>
</DIV>

<textarea NAME="txt" ROWS=20 COLS=75 WRAP=VIRTUAL>

&lt;!-- TWO STEPS TO INSTALL ANIMATED MESSAGE:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the onLoad event handler into the BODY tag  --&gt;

&lt;!-- STEP ONE: Paste this code into the HEAD of your HTML document  --&gt;

&lt;HEAD&gt;

&lt;SCRIPT LANGUAGE="JavaScript"&gt;
&lt;!-- Original:  Sean McCarthy --&gt;

&lt;! &gt;
&lt;! &gt;

&lt;!-- Begin
var hellotext = "Definitely a great attention-getter!"
var thetext = "";
var started = false;
var step = 0;
var times = 1;

function welcometext() {
times--;
if (!times) {
if (!started) {
started = true;
window.status = hellotext;
setTimeout("anim()", 1);
}
thetext = hellotext;
   }
}

function anim() {
step++;
if (step==7) step = 1;
if (step==1) window.status = '&gt;===' + thetext + '===&lt;';
if (step==2) window.status = '=&gt;==' + thetext + '==&lt;=';
if (step==3) window.status = '&gt;=&gt;=' + thetext + '=&lt;=&lt;';
if (step==4) window.status = '=&gt;=&gt;' + thetext + '&lt;=&lt;=';
if (step==5) window.status = '==&gt;=' + thetext + '=&lt;==';
if (step==6) window.status = '===&gt;' + thetext + '&lt;==='
setTimeout("anim()", 200);
}
//  End --&gt;
&lt;/script&gt;

&lt;!-- STEP TWO: Insert the onLoad event handler into your BODY tag  --&gt;

&lt;BODY OnLoad="welcometext()"&gt;

 

&lt;!-- Script Size:  1.42 KB --&gt;</textarea><br><font FACE="helvetica,arial,geneva"></font></td></tr>

</table>
</form>
</FONT>
</CENTER>


</center>
</body></html>



